.cms-range-container-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.3);
  user-select: none;
}

.cms-range-item {
  user-select: none;
  position: absolute;
  background-color: rgba(#fff, 0.3);
  cursor: move;
  border: solid 1px black;

  &[data-x=left], &[data-x=right] {
    cursor: w-resize;
  }

  &[data-y=top], &[data-y=bottom] {
    cursor: n-resize;
  }

  &[data-y=top][data-x=left], &[data-y=bottom][data-x=right] {
    cursor: nw-resize;
  }

  &[data-y=top][data-x=right], &[data-y=bottom][data-x=left] {
    cursor: sw-resize;
  }

  .cms-visual-editor-base-container-operator {
    top: -1px !important;
    left: -1px !important;
    bottom: -1px !important;
    right: -1px !important;
  }
}
